<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fangmm</title>
    <link rel="stylesheet" type="text/css" href="vendors/semantic/dist/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/common.css">
    <script data-main="module/main" src="vendors/requireJs/require.js"></script>
</head>
<body>
<div class="site">
    <header class="site-header">
        <div class="site-logo site-fix">
            <div class="site-logo__logo">
                <a href="">
                <img src="static/img/logo.png">
                </a>
                    <span class="site-logo__location">
                        <div class="ui compact selection dropdown">
                            <i class="dropdown icon"></i>

                            <div class="text">厦门</div>
                            <div class="menu">
                                <a  class="item">厦门</a>
                                <a  class="item">泉州</a>
                                <!-- <div class="item">添加</div> -->
                            </div>
                        </div>
                    </span>
            </div>
            <div class="site-logo__nav">
                <ul>
                    <li><a href="" class ="on">首页</a></li>
                    <li><a href="">我要租房</a></li>
                    <li>发布房源</li>
                    <li>下载APP</li>
                </ul>
            </div>
            <div class="site-logo__search">
                <form action ="">
                <div class="ui action input">
                        <input type="text" placeholder="请输入房源" name ="community">
                        <input type ="submit" class ="search-submit">
                        <button class="ui icon button">
                            <i class="search icon"></i>
                        </button>
                </div>
                </form>
            </div>
        </div>
    </header>
</div>
<hr>
<div class="site">
    <div class="site-body">
        <div class="site-breadcrumb">
            <div class="ui breadcrumb">
                <a class="section">厦门房妈妈网</a>
                <i class="right chevron icon divider"></i>
                <a class="section">厦门租房</a>
                <i class="right chevron icon divider"></i>

                <div class="section"><h1 class="site-h">当前房源</h1></div>
            </div>
        </div>
        <div class="site-filter">
            <div class="filter-list">
                <ul>
                    区域：
                    <li class="active">不限</li>
                    <li>思明</li>
                    <li>海沧</li>
                    <li>集美</li>
                    <li>翔安</li>
                    <li>同安</li>
                </ul>
                <div class="filter-rigion">
                    <ul>
                        <li>
                            <span>A</span>
                            <a href="">白城</a> <a href="">百丈</a>
                        </li>
                    </ul>
                    <br>

                </div>
            </div>
            <div class="filter-list">
                <ul>
                    租金：
                    <li class="active">不限</li>
                    <li><a>700-1000元</a></li>
                    <li><a>1000-1500元</a></li>
                    <li><a>1500-2000元</a></li>
                    <li><a>2000-4000元</a></li>
                    <li><a>4000元以上</a></li>
                </ul>
            </div>
            <div class="filter-list">
                <ul>
                    房型：
                    <li class="active">不限</li>
                    <li>一室</li>
                    <li>二室</li>
                    <li>三室</li>
                    <li>四室</li>
                    <li>四室以上</li>
                </ul>
            </div>
            <div class="filter-list">
                <ul>
                    类型：
                    <li class="active">不限</li>
                    <li>整租</li>
                    <li>合租</li>
                </ul>
            </div>
            <div class="filter-list">
                <ul>
                    来源：
                    <li class="active">不限</li>
                    <li>房妈妈直营</li>
                    <li>房东直签</li>
                    <li>转租</li>
                </ul>
            </div>

        </div>
        <div class ="site-search">
            <div class="ui compact menu">
              <a class="item on">
                默认排序
              </a>
              <a class="item">
                 按价格<i class="long arrow down icon"></i>
              </a>
              <a class="item">
                 按面积<i class="long arrow down icon"></i>
              </a>
            </div>
            <a href="" class ="list-check">
                <div class="checkbox on">
                    <span></span>
                    <span>房妈妈验证</span>
                </div>
            </a>
            <span class ="list-check__tip on">房妈妈实地验房 可确保房源图片正是可靠</span>
            <div class ="site-search__map">
                <a href="">
                    <div>
                        <i class="map icon"></i>
                        地图找房
                    </div>
                </a>
            </div>
        </div>
        <div class="filter-detail">
            <div class="ui very relaxed items">
                <!-- <div class ="list-tip_cen site">
                    <img src="static/img/non.png">
                </div> -->
                <div class="item filter-item">
                    <div class="image">
                        <img src="static/img/pic.png">
                    </div>
                    <div class="content">
                        <div class="ui header list-inline" href="#link" target="_blank">
                            <a href="">[ 整租 ] 三水 新座</a>
                            <div class ="list-pop">
                                <span class="filter-type self">自营</span>
                                <img src="static/img/check.png">
                            </div>
                        </div>

                        <div class="description">
                            <div class="description">
                                <p class="filter-des">
                                    三水 新座 | 3室1厅2卫 | 120㎡
                                </p>

                                <p>精装 | 南北 | 高层
                                </p>
                                <div class="filter-r">
                                    <span>1200 <small>元/月</small>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class ="filter-item__border"></div>
                <div class="item filter-item">
                    <div class="image">
                        <img src="static/img/pic.png">
                    </div>
                    <div class="content">
                        <a class="ui header" href="#link" target="_blank">
                            [ 整租 ] 三水 新座<span class="filter-type direct">自营</span>
                        </a>

                        <div class="description">
                                <p class="filter-des">
                                    三水 新座 | 3室1厅2卫 | 120㎡
                                </p>

                                <p>精装 | 南北 | 高层
                                </p>
                                <div class="filter-r">
                                    <span>1200 <small>元/月</small>
                                    </span>
                                </div>
                            </div>
                    </div>
                </div>
                <div class ="filter-item__border"></div>
                <div class="item filter-item">
                    <div class="image">
                        <img src="static/img/pic.png">
                    </div>
                    <div class="content">
                        <a class="ui header" href="#link" target="_blank">[ 整租 ] 三水 新座
                            <span class="filter-type sublet">自营</span></a>

                        <div class="description">
                                <p class="filter-des">
                                    三水 新座 | 3室1厅2卫 | 120㎡
                                </p>

                                <p>精装 | 南北 | 高层
                                </p>
                                <div class="filter-r">
                                    <span>1200 <small>元/月</small>
                                    </span>
                                </div>
                        </div>
                    </div>
                </div>
                <div class ="filter-item__border"></div>
            </div>

        </div>
        <!-- <div class="site-page">
            <div id="pages">
                <span>1/9</span>
                <a>上一页</a>
                <span>...</span>
                <a class="on">1</a>
                <a>2</a>
                <a>3</a>
                <a>4</a>
                <span>...</span>
                <a>9</a>
                <a>下一页</a>
            </div>
        </div> -->
    </div>
</div>
<footer class="site-footer">
    <div class="site">
        <div class="ui stackable three column grid index-foot">
            
            <div class="column">
                <div class="ui grid link">
                    <a class="ui label" target="_blank">关于房妈妈</a><a class="ui label" target="_blank">工作机会</a><a class="ui label" target="_blank">条款与隐私</a>
                </div>
            </div>
            <div class="column">
                <div class="ui grid">
                    <div class="sixteen wide column index-contact ">
                        <p>
                          0592-5931113
                        </p>
                    </div>
                    <div class="sixteen wide column index-contact">
                       <p class ="index-contact-icon">
                        <a href="" title="support@fangmm.com" target="_blank">
                            <i class="mail outline icon"></i>
                        </a>
                        <a href="" class ="index-hover" target="_blank">
                            <img src="static/img/fangmm.png">
                            <i class="weixin icon"></i>
                        </a>
                        <a href="" target="_blank"><i class="weibo icon last"></i></a>
                       </p>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="ui grid">
                    <div class="eight wide column index-arrow-bot" id ="down">
                        <div class="ui grid index-arrow-bot__padding">
                            <div class="sixteen wide column">
                                <a href="" target="_blank">iPhone下载</a>
                            </div>
                            <div class="sixteen wide column">
                                <a href="" target="_blank">Android下载</a>
                            </div>
                        </div>
                    </div>
                    <div class="eight wide column">
                        <img src="static/img/fangmm.png">
                    </div>
                </div>
            </div>
        </div>
        <div class ="site-footer__p">
            <p>
                <strong>友情链接</strong>
            </p>
            <p>
                <a href="">厦门租房网</a>
                <a href="">厦门租房网</a>
                <a href="">厦门租房网</a>
            </p>
        </div>
    </div>   
    <p class ="site-footer__copy">
        厦门房妈妈信息技术有限公司保留一切权利 | 闽ICP备150293030 电话：0592-591113
    </p> 
</footer>
</body>
</html>